<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
    .box {width:200px; height:200px; 
          background: #CCC;
          border:1px solid black; 
          margin:100px auto 0;
          transition:1s all ease; 
          transform:perspective(700px) rotateZ(0deg);
          }
    .box:active {
        transform:perspective(700px) rotateZ(90deg);
      }
    </style>
  </head>
  <body>
    <div class="box">
      文字
    </div>
  </body>
</html>
